@charset "UTF-8";
/* clear default style */
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
margin: 0;
padding: 0;
/* 全网置灰，需要打开即可
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
*/
}
body, textarea, input, button, select, keygen, legend {
font-size: 14px;
font-family: Microsoft YaHei, Verdana, Arial, Helvetica, sans-serif;
outline: 0;
color: #78849C; }
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details {
display: block; }
video::-internal-media-controls-download-button {
display:none;
}
video{
border: 1px solid #f6f6f6;
}
img {
border: none;
vertical-align: middle; }
table {
border-collapse: collapse;
border-spacing: 0; }
caption, th {
text-align: left;
font-weight: normal; }
html, body, fieldset, img, iframe, abbr {
border: 0; }
i, cite, em, var, address, dfn {
font-style: normal; }
[hidefocus], summary {
outline: 0; }
li {
list-style: none; }
h1, h2, h3, h4, h5, h6, small {
font-size: 100%; }
sup, sub {
font-size: 83%; }
pre, code, kbd, samp {
font-family: inherit; }
q:before, q:after {
content: none; }
textarea {
overflow: auto;
resize: none; }
label, summary {
cursor: default; }
a, a:hover {
color: #B3B3B3; }
a, button {
cursor: pointer; }
h1, h2, h3, h4, h5, h6, em, strong, b {
font-weight: bold; }
del, ins, u, s, a, a:hover {
text-decoration: none; }
body {
background: #fff; }
html, body {
width: 100%; }
body {
min-width: 1300px;
}
a:focus {
outline: none; }
/*common style*/
.no_b_b {
border-bottom: none; }
.no_mar_r {
margin-right: 0px !important; }
.t-a-r {
text-align: right; }
.t-a-c {
text-align: center; }
.p-t-0 {
padding-top: 0px; }
.m-t-60 {
margin-top: 60px; }
.f-r {
float: right; }
.no_p {
padding: 0px !important; }
.pr0 {
padding-right: 0px !important; }
.pl0 {
padding-left: 0px !important; }
.nobr {
border-right: none !important; }
.nobb {
border-bottom: none !important; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }
.ti2em {
text-indent: 2em; }
.mlr8 {
margin: 0 8px; }
.bg-f8f8fb {
background-color: #f8f8fb; }
.pt15 {
padding-top: 15px; }
.pt45 {
padding-top: 45px; }
.mb0 {
margin-bottom: 0 !important; }
.pr {
position: relative; }
.pa {
position: absolute; }
.fr {
float: right; }
.fl {
float: left; }
.pb60 {
padding-bottom: 60px; }
.pb20 {
padding-bottom: 20px; }
.pt110 {
padding-top: 110px; }
.pb100 {
padding-bottom: 100px; }
.pt85 {
padding-top: 85px; }
.dptc {
display: table-cell; }
p{
font-family: PingFangSC-Regular;
font-size: 16px;
color: #4A4A4A;
font-size:16px;
color: #757575;
text-align: justify;
text-justify: inter-ideograph;/*IE*/}
.header {
position: fixed;
top: 0;
width: 100%;
height: 64px;
background-color: #ffffff;
z-index: 99;
box-shadow: 0 2px 0 rgba(0,0,0,0.08); }
.header .m-header{
width: 1200px !important;
margin: 0 auto;
height: 64px;
}
.header .m-header .logo {
box-sizing: border-box;
display: inline-block;
width: 295px;
height: 46px;
float: left;
background-image: url(../images/logo.png);
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
margin-top: 9px; }
.header .m-header .nav {
display: inline-block;
margin-left: 184px;
width: 720px;
white-space: nowrap;
}
.header .m-header .nav li {
display: inline-block;
box-sizing: border-box;
text-align: center;
line-height: 64px;
height: 64px;
width: 120px;
}
.header .m-header .nav > li > a{
font-family: PingFangSC-Medium;
font-size: 16px;
font-weight: bold;
cursor: pointer;
color: #757575;
pointer-events: auto; }
.header .m-header .nav > li.active {
border-top: 4px solid #06AEF6;
background:#F9F9F9;
color:#06AEF6;}
.header .m-header .nav > li.active > a {
color: #06AEF6; }
.footer {
padding-bottom:40px;
width: 100%;
background: #3C3C3C; }
.m-footer {
width: 1124px;
min-width:1024px;
margin: 0 auto;
padding-top: 112px;}
.m-footer .content1{
text-align: center;
display: flex;
}
.m-footer .content1 .number {
vertical-align: top; }
.m-footer .content1 .number li:first-child {
font-size: 24px; }
.m-footer .content1 .number .div_img {
width: 69.9px;
height: 69.9px;
margin-top: 50px;
margin-left: 50%;
transform: translate(-50%);
background: url("../images/eaer.png");
background-repeat: no-repeat;
background-size: 100%; }
.m-footer .content1 .table-box {
height: 112px;
vertical-align: top;
margin-left: 110px;
margin-right: 163px;
text-align:left;
}
.m-footer .content1 dl {
display: inline-block;
vertical-align: top;
width: 76px;
height: 100%;
margin-right: 12px;
margin-left: 12px;
text-align: left; }
.m-footer .content1 dl dd {
font-size: 12px;
margin-top: 6px;
line-height: 30px; }
.m-footer .content1 dl dd：hover {
color: #06AEF6; }
.m-footer .content1 dl dd a {
color: #999999; }
.m-footer .content1 dl dd a:hover {
color: #06AEF6; }
.m-footer .content1 dl dd:active {
color: #04C0DC; }
.m-footer .content1 dl dt {
font-size: 16px;
color: #C0C0C0;
}
.m-footer .footer_line {
width:100%;
height:2px;
background:#979797;
margin-top:30px;
}
.m-footer .content1 .qrCode .scan{
margin-top: 8px;
margin-bottom: 8px;
width:auto}
.m-footer .content1 .qrCode .qrCode_img {
width: 116px;
height: 116px;
background: url("../images/qrCode.png");
background-repeat: no-repeat;
background-size: 100%;
position: relative;
left: 50%;
transform: translateX(-50%); }
.m-footer .content1 .qrCode image {
width: 116px;
height: 116px; }
.m-footer .content2 .div1 .government {
vertical-align: middle;
opacity: 0.5;
float: right;
margin-right: 15px;
cursor: pointer;
width:128px;
height:52px;
}
.m-footer .content2 .div1 .span1{margin:0 30px}
.m-footer .content2 {
margin-top: 14px; }
.m-footer .content2 .div1 {
line-height:52px;
font-size: 14px;
color: #B3B3B3; }
.m-footer .content2 .div2 {
margin-top: 35px;
font-size: 14px;
color: #666666;
text-align:center;}
.m-footer .content2 .div2 span {
display: inline-block; }
.m-footer .content2 .div2 span a {
color: #666666 !important; }
.m-footer .content2 .div2 .span1 {
margin-right: 4.3%; }
.m-footer .content2 .div2 .span2 {
margin-right: 4.5%; }
.banner {
width: 100%;
height: 350px;
margin-top:64px;
background-size: 1920px 350px;
background-repeat: no-repeat;
background-position: center;}
.background_word {
font-family: PingFangSC-Semibold !important;
text-align: left !important;
width: 100% !important;
font-size: 56px !important;
color: rgba(216,216,216,0.16) !important;
letter-spacing: 0 !important;
margin-top: -38px !important;
font-weight: 600;
border-bottom: 1px solid #f6f6f6 !important; }
.first_title {
font-family: PingFangSC-Semibold;
font-size: 26px;
color: #000000;
margin-bottom: 26px;
margin-top: -42px;
font-weight:500;}
.hide {
display: none; }
.center {
width: 1115px;
margin: 0 auto;
font-size: 18px;
list-style: none; }
.nav_left {
font-size: 18px;
margin-top: 64px;
list-style: none;
margin-bottom: 120px;
}
/*.nav_left li:first-child {
border-top: 1px solid #f6f6f6; }*/
.nav_left .active {
color: #17A0E0 !important;
border-left: #029AE1 solid 2px;
}
.nav_left .active a{
color: #17A0E0;
}
.nav_left > li {
white-space: nowrap;
box-sizing: border-box;
height: 62px;
line-height: 62px;
width: 160px;
padding-left: 18px;
color: #B3B3B3;
font-weight: 500;
text-align: left;
border-left: 1px solid #B3B3B3;
}
.right-box {
width: 888px;
margin-top: 56px;
margin-left: 56px;
margin-bottom: 120px;
}
/* 新闻列表 */
.news-info-list {
overflow: hidden;
}
.news-info-list li {
border-bottom: 1px solid #f6f6f6;
height: 49px;
line-height: 49px; }
.news-info-list li:first-child{border-top: 1px solid #f6f6f6;}
.news-info-list .p-title {
font-family: PingFangSC-Medium;
font-size: 20px;
font-weight: 700;
color: #000000;
letter-spacing: 0;
line-height: 28px;
margin-top: 34px; }
.news-info-list .p-article {
width: 588px;
margin-top: 12px;
font-family: PingFangSC-Light;
font-size: 14px;
color: #4A4A4A;
letter-spacing: 0;
line-height: 26px; }
.news-info-list .button {
font-size: 14px;
color: #06AEF6;
line-height: 26px; }
.inline-middle {
display: inline-block;
vertical-align: middle;
height: 170px;
background: #F8F8F8; }
.p-float-left {
display: inline-block;
width: 650px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 18px;
color: #4A4A4A;
float: left; }
.p-float-right {
font-size: 18px;
color: #4A4A4A;
float: right; }
/*社会责任和活动列表*/
.with_img_list_box {}
.ellipsis-l2 {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.with_img_list {
width: 888px;
height: 203px;
margin-bottom: 40px;
background: #f8f8fa;
}
.with_img_list:hover {
background: #fff;
box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.05);
}
.with_img_list:last-child {
margin-bottom: 0;
}
.with_img_list a {
display: flex;
width: 100%;
height: 100%;
}
.with_img_list img {
width: 360px;
height: 100%;
}
.with_img_list .with_img_list_content {
flex: 1;
padding: 0 30px;
overflow: hidden;
}
.with_img_list_content .time {
margin: 48px 0 16px;
font-size: 16px;
color: #4a4a4a;
}
.with_img_list_content .title {
font-size: 18px;
color: #000000;
font-weight: 700;
line-height: 26px;
max-height: 52px;
}
.banner-aboutUS {
width: 100%;
height: 350px;
background: url("../images/aboutUs/banner-aboutUs.png");
background-size: 100%; }
.aboutUs_five_video {
display: inline-block;
margin-top: 30px;
margin-left: 10px; }
.aboutUs_five_video > video {
width: 356px;
height: 212px; }
.aboutUs_five_video h5 {
text-align: center;
font-weight: 500;
margin-top: 10px; }
.aboutUs_five_list {
display: inline-block;
vertical-align: top;
background: #F8F8F8;
margin-top: 34px;
margin-right: 20px;
width: 380px;
height: 190px; }
.aboutUs_five_list:hover {
background: #FFFFFF;
box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.08); }
.aboutUs_five_list > div {
display: inline-block;
vertical-align: middle;
font-size: 0;
margin-top: 34px; }
.aboutUs_five_list > div div {
display: table-cell;
vertical-align: middle;
width: 250px;
font-size: 16px;
padding-left: 30px; }
.aboutUs_five_list > div div h3{
width: 242px;
font-weight: 500;
color: #000000;
font-size: 16px;
}
.aboutUs_five_list img {
vertical-align: middle;
padding-left: 30px;
position: relative;
top: 50%;
transform: translateY(-50%);
max-width: 64px;}
.Boss {
margin-bottom: 58px; }
.aboutUs_two .Boss ul {
display: inline-block;
margin-left: 30px;
vertical-align: middle; }
.aboutUs_two .Boss ul li:first-child {
font-size: 20px; }
.aboutUs_two .Boss ul li:nth-child(2) {
line-height: 40px;
border-bottom: 1px solid #f6f6f6; }
.aboutUs_two .Boss ul li:nth-child(3) {
margin-top: 20px; }
.aboutUs_one_introduction {
margin-top: 30px; }
.video_box {
margin-top: 54px;
margin-bottom: 56px; }
.video_box video {
display: inline-block;
vertical-align: middle;
margin-left: 12px; }
.video_box p {
display: inline-block;
vertical-align: middle;
width: 480px;
margin-left: 58px; }
.aboutUs_one_swiper {
width: 100%;
margin-top: 32px;
margin-bottom: 60px;
position: relative; }
.aboutUs_one_swiper .img-container {
width: 100%;
height: 305px; }
.aboutUs_one_swiper .img-container img {
width: 100%;
position: absolute;
top: 0;
left: 0; }
.vision {
margin-top: 30px; }
.inline-top {
display: inline-block;
vertical-align: top; }
.news_detail {
width: 810px;
margin-top: 29px;
overflow: hidden; }
.news_detail ul li a{
font-family: PingFangSC-Regular;
font-size: 14px;
color: #000000;
letter-spacing: 0;
line-height: 26px;
}
.news_detail img:first-child {
margin-right: 30px; }
.news_detail img {
width: 380px; }
.news_detail h3 {
width: 100%;
text-align: center;
font-family: PingFangSC-Medium;
font-size: 22px;
color: #1A1A1A;
letter-spacing: 0;
line-height: 28px; }
.news_detail h5 {
width: 100%;
text-align: center;
margin-top: 8px;
font-family: PingFangSC-Light;
font-size: 14px;
color: #4A4A4A;
letter-spacing: 0;
line-height: 26px; }
.news_detail p {
text-indent: 28px;
margin-top: 30px;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #4A4A4A;
letter-spacing: 0;
line-height: 26px; }
.news_detail .news_detail_img_box {
margin-top: 30px;
margin-right: auto;
margin-left: auto; }
.news_detail .news_detail_ul {
margin-top: 57px;
float: left; }
.news_detail .news_detail_ul li {
font-family: PingFangSC-Regular;
font-size: 14px;
font-weight: 600;
color: #000000;
letter-spacing: 0;
line-height: 26px; }
.news_detail .news_detail_shareBox {
float: right;
margin-top: 78px; }
.news_detail .news_detail_shareBox span {
display: inline-block;
font-family: PingFangSC-Light;
font-size: 14px;
color: #4A4A4A;
letter-spacing: 0;
line-height: 26px; }
.news_detail .news_detail_shareBox .weibo {
width: 16px;
height: 16px;
background: url("../images/logo/weibo.png");
background-size: 100%;
background-repeat: no-repeat; }
.news_detail .news_detail_shareBox .wechat {
width: 16px;
height: 16px;
background: url("../images/logo/wechat.png");
background-size: 100%;
background-repeat: no-repeat; }
.news_detail .news_detail_shareBox .Qzone {
width: 16px;
height: 16px;
background: url("../images/logo/Qzone.png");
background-size: 100%;
background-repeat: no-repeat; }
.bdsharebuttonbox {
display: inline-block;
vertical-align: middle; }
/*# sourceMappingURL=global.css.map */
/* 分页样式*/
.ms-content-main-page{
position: relative;
display: inline-block;
text-align: center;
zoom: 1;
width: auto;
left: 50%;
transform: translateX(-50%);
margin-top: 60px;
}
.ms-content-main-page:after {
content: "";
display: table;
}
.ms-content-main-page:after {
clear: both;
overflow: hidden;
}
.ms-content-main-page .active{
background: #06AEF6;
color: #ffffff;
}
.ms-content-main-page a{
color: #bdbdbd;
}
.ms-content-main-page a:hover{
background: #06AEF6;
color: #ffffff;
}
.ms-content-main-page span{
float: left;
display: inline-block;
height: 38px;
width:40px;
line-height: 38px;
background: #fff;
border: 1px solid #ebebeb;
font-size: 14px;
color: #bdbdbd;
margin: 0 5px;
}
.ms-content-main-page label{
float: left;
display: inline-block;
height: 38px;
line-height: 38px;
background: #fff;
border: 1px solid #ebebeb;
font-size: 14px;
color: #bdbdbd;
margin: 0 5px;
}
.ms-content-main-page-first{
float: left;
margin: 0 5px;
width: 38px;
height: 38px;
line-height: 38px;
background: #fff;
border: 1px solid #ebebeb;
font-size: 14px;
text-decoration-line: none;
}
.ms-content-main-page-upper{
font-family: "Simsun";
font-size: 14px;
font-weight: bold;
float: left;
margin: 0 5px;
width: 45px;
height: 38px;
line-height: 38px;
background: #fff;
border: 1px solid #ebebeb;
text-decoration-line: none;
}
.ms-content-main-page-last{
float: left;
margin: 0 5px;
width: 38px;
height: 38px;
line-height: 38px;
background: #fff;
border: 1px solid #ebebeb;
font-size: 14px;
text-decoration-line: none;
}
.ms-content-main-page-next{
font-family: "Simsun";
font-size: 14px;
font-weight: bold;
float: left;
margin: 0 5px;
width: 45px;
height: 38px;
line-height: 38px;
background: #fff;
border: 1px solid #ebebeb;
text-decoration-line: none;
}
.float_left {
float: left; }
.float_right {
float: right; }
.classificationUl {
font-size: 0px;}
.classification ul li {
box-sizing: border-box;
width: 240px;
display: inline-block;
margin-top: 56px;
text-align: center;
background: #fff;
border: 1px solid rgba(244,244,244,1);
border-radius: 4px;
overflow: hidden;}
.classification ul li img{
width:240px;
height:180px;
}
.classification ul li:hover h4 {
color: #fff;
background-image: linear-gradient(90deg, #26D4FF 0%, #00A4E8 100%); }
.classification ul li h4 {
height: 58px;
line-height: 58px;
font-size: 20px;
color: #000;
font-weight: 500; }
.classification ul li:nth-child(2) {
margin-left: 84px;
margin-right: 84px; }
.classification ul li:nth-child(5) {
margin-left: 84px;
margin-right: 84px; }
.classification ul li:nth-child(-n + 3) {
margin-top: 40px;}
.classification_title {
color: #000000;
cursor: pointer;
height: 46px;
line-height: 46px;
font-size: 20px; }
.classification_title .arrow:after {
content: '';
display: inline-block;
width: 20px;
height: 13px;
margin-left: 12px;
background: url(../images/recruit/arrow.png);
background-size: 100%;
background-repeat: no-repeat; }
.classification_title .arrow_rotate:after {
content: '';
display: inline-block;
width: 20px;
height: 13px;
margin-left: 12px;
background: url(../images/recruit/arrow.png);
background-size: 100%;
background-repeat: no-repeat;
transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-moz-transform: rotate(180deg); }
.job_detail {
border: 1px solid #f8f8f8;
box-shadow: 1px 1px 1px #f8f8f8;
padding-top: 32px;
padding-left: 24px;
padding-bottom: 32px;
margin-top: 12px; }
.job_detail h4 {
font-size: 18px;
color: #1A1A1A;
line-height: 40px;
margin-top:20px; }
.job_detail pre {
color: #4A4A4A;
font-size: 16px;
line-height: 32px;
white-space:pre-wrap; /* css3.0 */
white-space:-moz-pre-wrap; /* Firefox */
white-space:-pre-wrap; /* Opera 4-6 */
white-space:-o-pre-wrap; /* Opera 7 */
word-wrap:break-word; /* Internet Explorer 5.5+ */
}
.email_job{
margin-top: 50px;
border-top: 1px solid #B5B5B5;
line-height: 60px;
font-size: 16px;
}
.email_job a{color:#029AE1;}
.aboutUs_five_list {
display: inline-block;
background: #F8F8F8;
margin-top: 34px;
margin-right: 20px;
width: 380px;
height: 190px; }
.aboutUs_five_list:hover {
background: #FFFFFF; }
.aboutUs_five_list > div {
display: inline-block;
vertical-align: middle;
font-size: 0;
margin-top: 34px; }
.aboutUs_five_list > div div {
display: table-cell;
vertical-align: middle;
width: 250px;
font-size: 16px;
padding-left: 30px; }
.aboutUs_five_list img {
vertical-align: middle;
padding-left: 30px;
position: relative;
top: 50%;
transform: translateY(-50%); }
/* 新闻列表20230112更新 */
.news-info-list-new .item-time {
font-family: PingFangSC-Regular;
font-size: 16px;
color: #4a4a4a;
letter-spacing: 0;
line-height: 22px;
font-weight: 400;
}
.news-info-list-new .item-title {
font-family: PingFangSC-Medium;
font-size: 20px;
color: #000000;
letter-spacing: 0;
line-height: 24px;
font-weight: 500;
margin-top: 8px;
max-height: 48px;
}
.news-info-item {
box-sizing: border-box;
border-bottom: 1px solid #f4f4f4;
}
.news-info-item:hover .item-title {
color: #029ae1;
}
.news-info-list-new a {
display: flex;
flex-direction: column;
padding: 25px 0 24px;
}
.scroll-to-top {
display: flex;
align-items: center;
justify-content: center;
position: fixed;
bottom: 40px;
right: 40px;
cursor: pointer;
background: linear-gradient(180deg, #e2ecf3 0%, #f7fafc 99%);
width: 56px;
height: 56px;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 1);
box-shadow: 0px 0px 6px 0px rgba(0, 27, 84, 0.08),
0px 0px 20px 0px rgba(0, 27, 84, 0.08);
}
.scroll-to-top .icon {
width: 30px;
height: 30px;
background-image: url(../images/scroll-to-top.png);
}
/* 社会责任 内容简介 2023-01-13更新 */
.contents-intro {
font-size: 16px;
color: #4A4A4A;
line-height: 32px;
font-weight: 400;
margin-bottom: 24px;}
.annotation {
line-height: 1.5;
text-align: center;
}